var petname = $.cookie('petname');
if (petname) {
    $('.fr').css({
        left:'60px'
    })
    $('.petname').html(`${petname}&#X3000;
    <div class="login_border_white"></div>            
    <div class="login_mask"></div>
    <span class="login_img"></span>
    <div class="login_menu ">
<a class="link-logout"></a>
<div class="login_header">
    <div class="u-pic">
        <a href="#">              
        <img src="./img/头像.jpg" alt="" width="60px" height="60px">     
    </a>
    </div>
    <div class="u-msg">
        <i></i>
        <a href="#">试用PLUS会员领免运费券&gt;</a>
    </div>
</div>
<div class="login_hr"></div>
<div class="thumbBox">
    <div class="btn leftBtn">&lt;</div>
    <div class="thumbImg">
        <ul>
            <li><i></i><span>免费试用</span></li>
            <li><i></i><span>运费补贴</span></li>
            <li><i></i><span>售后服务</span></li>
            <li><i></i><span>评价奖励</span></li>
            <li><i></i><span>装机服务</span></li>
            <li><i></i><span>会员特价</span></li>
            <li><i></i><span>生日礼包</span></li>
            <li><i></i><span>专享礼包</span></li>
            <li><i></i><span>贵宾专线</span></li>
            <li><i></i><span>运费线</span></li>
        </ul>
    </div>
    <div class="btn rightBtn">&gt;</div>
</div>
</div>
`).click(function (e) {
            e.preventDefault();
        })
    $('.petname1').html(`Hi,欢迎${petname}`)
    $('.login,.link-logout').html('退出').click(function (e) {
        $.get('/api/user/signout', (data) => {
            if (data.code == 'success') {
                location.href = '/'
            }
        })
    });
    $('.regist').html('');

} else {
    $('.petname').html(`你好，请登录`)
    $('.petname1').html(` Hi，欢迎来到京东...`)
}
// 图片个数
var imgCount = 5;
var slideCount = 0;

$('.leftBtn').click(function () {
    if (slideCount <= 0) {
        return;
    }
    slideCount--;

    $('.thumbImg ul').animate({
        left: '+=130'
    })
})

$('.rightBtn').click(function () {
    if (imgCount <= 4 || slideCount >= imgCount - 1) {
        return;
    }
    slideCount++;
    $('.thumbImg ul').animate({
        left: '-=130'
    })
})
var width = $('.petname').width();
$('.login_mask').css({
    width: width
})
$('.login_border_white').css({
    width: width-2
})
$('.petname,.login_menu,.login_mask,.login_img,.login_border_white').hover(function (e) {
    $('.login_menu').css({
        display: 'block'
    })
    $('.login_mask').css({
        'background-color': 'white',
        'border-color':'#aaa'
    })
    $('.login_border_white').css({
        'border-color':'white',
        display: 'block'
    })
}, function (e) {
    $('.login_menu').css({
        display: 'none'
    })
    $('.login_mask').css({
        'background-color': '#ddd',
        'border-color':'#ddd'
    })
    $('.login_border_white').css({
        display: 'none'
    })
})